@media screen and (min-width: 1200px){
    h1 {
        color: blue;
    }
}

@media screen and (min-width:980px) and (max-width:1199px){
    h1 {
        color: red;
    }
}

@media screen and (min-width:768px) and (max-width:979px){
    h1 {
        color: yellow;
    }
}

@media screen and (min-width:480px) and (max-width:767px){
    h1 {
        color: chartreuse;
    }
}

@media screen and (max-width:479px){
    h1 {
        color: chocolate;
    }
}


